<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多肉植物-Characteristic</title>
<link href="style/style.css" type="text/css" rel="stylesheet" />


</head>

<body>



<div class="head">

  <div class="logo"><em>pw</em> 多肉植物</div>
  <div class="nav">
    <ul>
      <li> <a href="index.html" >首页</a></li>
      <li><a href="Type.html" >自我介绍</a></li>
      <li><a href="Intro.html" >登录</a></li>
      <li class="navli"><a href="Characteristic.html"　 class="active">注册</a></li>
    </ul>
  </div>
  <div class="banner">
  <img src="images/img005.jpg" />
  </div>
</div>
<div id="main">
<div id="main_r">
           	  <div id="galaxy">
              	<h2 class="title">多肉植分类</h2>
                <ul>
                	<li><a href="#">百合科</a></li>
                    <li><a href="#">番杏科</a></li>
                    <li><a href="#">景天科</a></li>
                    <li><a href="#">仙人掌科</a></li>
                </ul>
              </div>
            </div>
            <div id="main_l">
  <h2 class="title">注册</h2>
  <div class="mt">
    <p>　　姓名：
     <input type="text" name="textfield2" id="textfield2" class="name" />
    </p>
    <p><br />
      　　密码：
        <input name="textfield" type="password" id="textfield" class="passwd" />
      <br />
      <br />
      重复密码：
      <input name="textfield3" type="password" id="textfield3" class="a-passwd"/>
      <br />
      <br />
      　　性别：
      <input type="radio" name="radio" id="radio" value="radio" />
      男
      <input type="radio" name="radio" id="radio2" value="radio" />
      女<br />
      <br />
      　　手机：
      <input name="textfield"  class="tel" />
<br />
      <br />
      　　留言：
      <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
    </p>
    <p>&nbsp;</p>
    <p><br />
      
      　　　　　　　　　　　
        <input type="submit" name="button" id="button" value="提交" />
    </p>
  </div>
  </div>
  
</div>

<div class="bottom">Copyright © 多肉植物</div>
<script src="js/jquery.js" ></script>
<script>
  $('#button').click(function(){
    var name =$('.name').val();
    var passwd =$('.passwd').val();
    var passwd1 =$('.a-passwd').val();
    var tel =$('.tel').val();
    var textarea =$('#textarea').val();
    var regusername = /^[\u4e00-\u9fa5]{2,4}$/;
    var repasswd = /^(?![A-Z]+$)(?![a-z]+$)(?!\d+$)\S{8,}$/;//密码必须符合由数字,大写字母,小写字母,至少其中两种组成，且长度不小于8
    var regtel = /^1[34578]\d{9}$/;
    if(name == ''){
      alert('不能为空')
      return false
    }else if(!regusername.test(name)){
      alert('请正确填写姓名')
      return
    }else if(!repasswd.test(passwd)){
      alert('密码必须符合由数字,大写字母,小写字母,至少其中两种组成，且长度不小于8')
      return
    }else if(!regtel.test(tel)){
      alert('请正确填写手机号码')
      return
    }else{
      alert('注册成功')
    }
  })
</script>
</body>
</html>

